@charset "utf-8";
@import "./reset.css";
@import "./animate.css";


.inner {
  width: 1140px;
  margin: 0 auto;
}

;


.heaDer {
  background: url(../images/banneir.jpg) no-repeat 0px 0px #eeece9;
  // min-height: 265px;
  background-size: cover;
  position: relative;

  .header {

    // border: 1px solid #000;
    // logo样式
    .logo {
      width: 172px;
      height: 148px;
      // overflow: hidden;

      a {
        display: block;
        margin-top: 42px;
        // border: 1px solid #000;

        img {
          width: 100%;
          height: 100%;
          vertical-align: middle;
        }
      }

    }

    // 导航栏样式
    .nav {
      width: 70%;
      // border: 1px solid #000;

      li {
        // border: 1px solid #000;
        display: inline-block;
        width: 18%;
        margin-right: .3em;
        position: relative;
        >div{
          height: 0;
          transition: all 0.5s;
        }
        // float: left;
        a {
          position: relative;
          z-index: 10;
          color: #FFF;
          font-size: 18px;
          margin-right: .4em;
          float: left;
          padding: 5em 1em 3em;

          i {
            display: block;
            margin-top: 1em;
            color: #FFF;
            font-size: 11px;
            font-style: italic;
          }
        }

        .rmsty {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #DC5329;

        }

      }

      // nav移入样式
      .active {
        .nav_rz {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #DC5329;
          // display: none;

        }
      }

    }
  }
}


// 底部
.footer {
  padding: 3em 0;
  background: #292929;
  margin-top: 20px;

  div.inner {
    width: 1170px;

    // 底部导航
    .nv {
      width: 50%;
      padding: 10px;

      ul {
        li {
          display: inline-block;
          margin: 0 1em;

          a {
            color: #FFF;
            font-size: 14px;
          }
        }
      }

      form {
        margin-top: 42px;

        input[type="text"] {
          width: 80%;
          color: #898888;
          background: none;
          outline: none;
          font-size: 16px;
          padding: .4em;
          margin-bottom: 2em;
          -webkit-appearance: none;
          border-bottom: solid 1px #595959;
          border-top: none;
          border-right: none;
          border-left: none;
        }

        input[type="submit"] {
          border: none;
          outline: none;
          color: #FFF;
          padding: .4em 1.5em;
          font-size: 16px;
          margin: 0.5em 0 0 0;
          -webkit-appearance: none;
          background: #DA491C;
          border-radius: 5px;
          -webkit-border-radius: 5px;

          &:hover {
            background: #4D4D4D;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
          }
        }
      }


    }

    .ani {
      animation-delay: 0.4s;
      animation-name: fadeInLeft;
    }


    // 底部电话
    .foot_cen {
      width: 25%;

      >h3 {
        color: #FFFFFF;
        font-size: 30px;
        font-weight: 600;
        margin: 0;
      }

      .address {
        P {
          color: #FFFFFF;
          font-size: 14px;
          line-height: 1.8em;
          padding-left: 3em;
          margin: 2em 0 0 0;
          background: url(../images/location.png) no-repeat 0px 5px;

          span {
            display: block;
          }
        }
      }

      .phone {
        margin-top: 42px;

        p {
          color: #FFFFFF;
          font-size: 14px;
          line-height: 1.8em;
          padding-left: 3em;
          margin: 2em 0 0 0;
          background: url(../images/phone.png) no-repeat 0px 0px;
        }
      }
    }

    // 底部右侧
    .foot_rig {

      // width: 20%;
      >a {
        img {
          vertical-align: middle;
        }
      }

      p {
        color: #FFF;
        font-size: 14px;
        margin: 2em 0 0 0;
        line-height: 1.8em;
        font-weight: 400;
      }
    }

  }
}